// 单行文本省略，和多行文本省略显示
@mixin multiLineWithDot($n: 1, $lineHeight: 16px) {
    @if $n<2 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    @else {
        text-align: left;
        line-height: $lineHeight;
        height: $lineHeight * $n;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: $n;
    }
}

.required {
    position: relative;

    &:before {
        content: '*';
        color: red;
        margin-right: 4px;
    }
}

.scroll,
.scroll * {

    //滚动条样式（只适用于chrome浏览器）
    &::-webkit-scrollbar {
        /* 滚动条整体样式 */
        width: 8px;
        padding-right: 6px;
        border-radius: 4px;
    }

    &::-webkit-scrollbar-track {
        /* 滚动条里面轨道 */
        background-color: transparent;
        border-radius: 4px;
    }

    &::-webkit-scrollbar-thumb {
        /* 滚动条里面小方块 */
        background: rgba(255, 255, 255, 0.66);
        border-radius: 4px;
    }
}